<template>
    <OrderViewHeader title="我的订单" />
    <van-tabs v-model:active="active">
        <van-tab  title="全部" name="allOrder"> 
            <OrderAllView/>
        </van-tab>
        <van-tab  title="待支付" name="payOrder"> 
            <OrderPayView type="1"/>
        </van-tab>
        <van-tab  title="代收货" name="takeOrder"> 
            <OrderTakeView type="2"/>
        </van-tab>
        <van-tab  title="待评价" name="AppraiseOrder"> 
            <OrderAppraiseView type="3"/>
        </van-tab>
    </van-tabs>
</template>
<script setup>
import OrderViewHeader from "../../components/PubHeaderComponent.vue"
import OrderAllView from "./OrderAllView.vue"
import OrderPayView from "./OrderPayView.vue"
import OrderTakeView from "./OrderTakeView.vue"
import OrderAppraiseView from "./OrderAppraiseView.vue"

import {ref,reactive} from "vue"

const active = ref("allOrder")

</script>
<style lang="less" scoped>

</style>
